<div>
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>进货商品 <span style="color: #ff0000;">注意：选择商品后进价售价与实际不一致的，请添加新商品！</span></h5>
                    <div class="ibox-tools" style="top:10px;">
                        <button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddShopHouseModal()">
                            <i class="fa fa-plus"></i>选择商品
                        </button>
                    </div>
                </div>
                <div class="ibox-content">
                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                        <tr>
                            <th class="text-center">商品图片</th>
                            <th class="text-center">编号</th>
                            <th class="text-center">名称</th>
                            <th class="text-center">规格</th>
                            <th class="text-center">库存</th>
                            <th class="text-center">数量</th>
                            <th class="text-center">售价</th>
							<th class="text-center">进价</th>
                            <th class="text-center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="inoutOrderProduct in upShopHouseInManageInfo.inoutOrderProducts">
                            <td class="text-center">
                                <img style="width: 60px; height: 60px; border-radius: 5px;"
                                     v-bind:src="inoutOrderProduct.coverPhoto">
                            </td>
                            <td class="text-center">{{inoutOrderProduct.productId}}</td>
                            <td class="text-center">{{inoutOrderProduct.prodName}}</td>
                            <td class="text-center">{{inoutOrderProduct.specName}}</td>
                            <td class="text-center">{{inoutOrderProduct.stock}}</td>
                            <td class="text-center">
                                <input class="form-control" v-model="inoutOrderProduct.count" type="number"
                                       @keyup="_caculTotalMount()"/>
                            </td>
                            <td class="text-center">
                                <input class="form-control" v-model="inoutOrderProduct.price" type="number"
                                       disabled/>
                            </td>
							<td class="text-center">
							    <input class="form-control" v-model="inoutOrderProduct.costPrice" type="number"
							           disabled/>
							</td>
                            <td class="text-center">
                                <div class="btn-group">
                                    <button class="btn-white btn btn-xs"
                                            v-on:click="_deleteProduct(inoutOrderProduct)">删除
                                    </button>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="8">
                                <ul class="pagination float-right"></ul>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                    <!-- 分页 -->
                    <vc:create path="frame/pagination"></vc:create>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>说明</h5>
                    <div class="ibox-tools" style="top:10px;">
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="form-group row">
                        <label class="col-sm-1 col-form-label text-right">总进价</label>
                        <label class="col-sm-3 col-form-label" style="font-size: 14px;color: red;">{{upShopHouseInManageInfo.totalMount}} </label>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-1 col-form-label text-right">选择供应商</label>
                        <div class="col-sm-3 ">
                            <select class="custom-select" v-model="upShopHouseInManageInfo.shId"
                                    @change="_changeResourceSupp(upShopHouseInManageInfo.rsId)">
                                <option selected disabled value="">请选择供应商</option>
                                <option v-for="(item,index) in upShopHouseInManageInfo.resourceSuppliers"
                                        :value="item.rsId">
                                    {{item.supplierName}}
                                </option>
                            </select>
                        </div>
                        <label class="col-sm-2 col-form-label">
                            <a href="javascript:void(0)" v-on:click="_addSupplier()">
                                新增供应商
                            </a>
                        </label>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-1 col-form-label text-right">进货说明</label>
                        <div class="col-sm-11 ">
                            <textarea v-model="upShopHouseInManageInfo.remark" placeholder="必填，请填写进货说明" maxlength="250"
                                      class="form-control">
                            </textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-1 col-form-label text-right">进货流程</label>
                        <div class="col-sm-11 ">
                            <img src="/img/inOrder.png">
                        </div>
                    </div>
                    <div class="ibox-content">
                        <button class="btn btn-primary float-right" type="button" v-on:click="_doInoutOrder()">
                            <i class="fa fa-check"></i>&nbsp;提交
                        </button>
                        <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                                v-on:click="_goBack()">
                            <i class="fa fa-close"></i>&nbsp;取消
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <vc:create path="goods/chooseProductAndSpec" emitChooseProduct='upShopHouseInManage'
               emitLoadData='upShopHouseInManage'>
    </vc:create>
</div>